<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>活动页面</title>
	<style type="text/css">
		*{
		margin:0;
		padding:0;
		}
		html,
		body{
		height:100%;
		}
		.bg{
		position:absolute;
		z-index:-1;
		width:100%;
		height:100%;
		background:url("Page/bg.png") no-repeat center center;
		background-size:100%;
		}
		.left01{
		position:absolute;
		width:144px;
		height:55px;
		cursor:pointer;
		left:103px;
		top:258px;
		margin:auto;
		background:url("Page/zhongjiang1.png") no-repeat center center;
		background-size:100%;
		}
		.left02{
		position:absolute;
		width:144px;
		height:55px;
		left:103px;
		top:336px;
		cursor:pointer;
		margin:auto;
		background:url("Page/huodong1.png") no-repeat center center;
		background-size:100%;
		}
		
		.huodong1{
		position:absolute;
		width:880px;
		height:663px;
		right:114px;
		top:25px;
		margin:auto;
		background:url("Page/xiangqing1.png") no-repeat center center;
		background-size:100%;
		display:block;
		}
		.icon{
		position:absolute;
		width:343px;
		height:309px;
		right:43px;
		bottom:0;
		margin:auto;
		background:url("Page/5.png") no-repeat center center;
		background-size:100%;
		display:"block"
		}
		
		
		
	</style>
</head>
<body>
<div class="bg" id="back"></div>
<div class="left01" id="button1"  onclick="zhongjiang()">.</div>
<div class="left02" id="button2"  onclick="xiangqing()">.</div>

<div class="huodong1" id="hd1"></div>
<div class="icon" id="bengbeng"></div>


<script type="text/javascript">

		



		document.getElementById("button1").onmouseover=handMouse1;
		document.getElementById("button1").onmouseout=handMouse1;
		function handMouse1(e){
			if(e.type=="mouseover"){
				e.target.style.background="url(Page/zhongjiang2.png) no-repeat center center";
			}else{
				e.target.style.background="url(Page/zhongjiang1.png) no-repeat center center";
			}
		}
		document.getElementById("button2").onmouseover=handMouse2;
		document.getElementById("button2").onmouseout=handMouse2;
		function handMouse2(e){
			if(e.type=="mouseover"){
				e.target.style.background="url(Page/huodong2.png) no-repeat center center";
			}else{
				e.target.style.background="url(Page/huodong1.png) no-repeat center center";
			}
		}

		function zhongjiang(){
			console.log("zhongjiang");
			window.location.href="zhongjiang8205.html";
			}
		function xiangqing(){
			window.location.href="xiangqing8205.html";
			}
		</script>
</body>
</html>